<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script>
        console.log(document.domain)
        //http://testapi.yueqizhixiang.com/api/auth/create telephone password
        // http://api.yueqizhixiang.com/api/product/getClass
        //第一步：服务器端允许跨域请求：Access-Control-Allow-Origin：＊，这样就可以进行跨域通信
        //第二步：如果http请求需要携带cookie，那么Access-Control-Allow-Origin：＊，就会出现cookie跨域问题
        //Access-Control-Allow-Origin：www.yueqizhixiang.com, 配置hosts文件，把localhost设置为www.yueqizhixiang.com
        window.onload = function () {
            document.cookie = "username=John Doe; expires=Sun, 31 Dec 2022 12:00:00 UTC";

            axios.defaults.withCredentials = true
            //get请求
            // CORS 安全的首部字段集合

            axios.get('/api/home')
                .then(function (response) {
                    console.log(response);
                })
                .catch(function (error) {
                    console.log(error);
                });
            //post 、put 常用content-type
            //--------------------------1、application/x-www-form-urlencoded,
            //浏览器的原生 form 表单，
            //如果不设置 enctype 属性，那么最终就会以 application/x-www-form-urlencoded 方式提交数据。
            //请求类似于下面这样（无关的请求头在本文中都省略掉了）：

            // POST http://www.example.com HTTP/1.1
            // Content-Type: application/x-www-form-urlencoded;charset=utf-8
            // title=test&sub%5B%5D=1&sub%5B%5D=2&sub%5B%5D=3
            // 首先，Content-Type 被指定为 application/x-www-form-urlencoded；
            // 其次，提交的数据按照 key1=val1&key2=val2 的方式进行编码，key 和 val 都进行了 URL 转码。大部分服务端语言都对这种方式有很好的支持。例如 PHP 中，

            //--------------2、multipart/form-data
            //             POST http://www.example.com HTTP/1.1
            // Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryrGKCBY7qhFd3TrwA
            // ------WebKitFormBoundaryrGKCBY7qhFd3TrwA
            // Content-Disposition: form-data; name="text"
            // title
            // ------WebKitFormBoundaryrGKCBY7qhFd3TrwA
            // Content-Disposition: form-data; name="file"; filename="chrome.png"
            // Content-Type: image/png
            // PNG ... content of chrome.png ...
            // ------WebKitFormBoundaryrGKCBY7qhFd3TrwA--

            //3、application/json
            //  POST http://www.example.com HTTP/1.1
            // Content-Type: application/json;charset=utf-8
            // {"title":"test","sub":[1,2,3]}       
            // axios.defaults.withCredentials = true
            // axios.post('http://testapi.yueqizhixiang.com/api/auth/register', {
            //     telephone: '15010967763',
            //     password: '123456'
            // }, {
            //     headers: {
            //         'content-type': 'application/json',
            //         "platform": '14a1347f412b39f'  //token换成从缓存获取
            //     }
            // })

        }
    </script>
</head>

<body>
    
<iframe src="http://localhost:8080/index.html"></iframe>
<script>

document.write(document.domain)
//upload/user/name.png
//document.domain+'/upload/user/name.png'

</script>
</body>

</html>